<template>
  <van-tabs v-model:active="active">
    <van-tab :title="item.name" v-for="item in animationList" :key="item.path" :to="item.path"></van-tab>
    <router-view></router-view>
  </van-tabs>
</template>

<script setup lang="ts">
import { ref } from "vue";
const active = ref<number>(0);
const animationList = ref<Ianimation[]>([
  { name: "MAD-AMV", path: "/animation/madamv" },
  { name: "MMD-3D", path: "/animation/mmd3d" },
  { name: "短片*手书", path: "/animation/book" },
  { name: "手办*模玩", path: "/animation/happy" },
]);
interface Ianimation {
  name: string;
  path: string;
}
</script>

<style scoped></style>
